<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Yy</title>
</head>

<body>
    <ul class="fruit-list">
        <li>香蕉</li>
        <li>苹果</li>
        <li>鸭梨</li>
    </ul>
    <script>
        // 1. 使用prompt方法实现一个猜数字的游戏。
        let target = Math.floor(Math.random() * 100 + 1);
        //递归函数:在函数体内调用自己
        function guessNumber() {
            let number = prompt("请输入你猜的数字");
            if (number == target) {
                alert("恭喜你回答正确！");
            } else if (number > target) {
                alert("大于目标结果");
                guessNumber();
            } else if (number < target) {
                alert("小于目标结果")
                guessNumber();
            }
        }
        guessNumber();
        // 2. 使用confirm实现一个水果列表的删除提示功能。
        let ul = document.querySelector(".fruit-list")
        ul.onclick = function(e) {
            let mark = confirm("是否删除此水果，删除后数据不能恢复！");
            if (mark) {
                ul.removeChild(e.target);
            }
        }
    </script>
</body>

</html>